<template>
    <div class="flex_r tabBar">
        <router-link class="flex_c_c" :to="item.name" active-class="activeClass" v-for="(item, index) in columns" :key="index"  v-if="$route.meta.footShow" :style="'width:calc(100% / '+columns.length+')'">
            <img :src="Url+item.icon1" class="img1">
            <img :src="Url+item.icon2" class="img2">
            <span>{{item.title}}</span>
        </router-link>
    </div>
</template>

<script>
    export default {
        name: "tabbar",
        data(){
            return {};
        },
        props:{
            columns:{
                type:Array,
            },
        },
        mounted(){
//            console.log("导航:"+JSON.stringify(this.columns))
        }
    }
</script>

<style scoped>

</style>